<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>确认支付</title>
    <link rel="stylesheet" href="/css/commen.css" />
    <link href="/css/mall.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="/css/personal-center.css" />
    <link rel="stylesheet" href="/css/home.css">
    <style>
        .pay_fs{border: 1px solid #E8E8E8;padding:10px 30px 30px;}
        .orderInformation{
            margin-top: 24px;
            padding: 25px 0 25px 0;
        }
        .payaSuccessLeft{
            width:400px;
            height:400px;
        }
        .payaSuccessLeft img{
            width:40%;
            height:40%;
        }
    </style>
</head>
<body>
<!--top-->
<div class="commen_top">
    <div class="content clearfix">
        <div class="pull_left mall_left" id="homePage">诚惠欢迎您!</div>
        <div class="pull_right">
            <div class="top_nav pull_left">
                <a id="myCenter">我的诚惠</a>
                <a class="phone_yp">手机诚惠</a>
                <a href="" id="">帮助中心</a>
            </div>
            <div class="top_login pull_left">
                <a id="login">登录</a>
                <a id="register">注册</a>
                <span id="signName" style="display: none;cursor: pointer;"></span>
                <a id="signOut" style="display: none">退出</a>
            </div>
        </div>
    </div>
</div>

<!--logo-->
<div class="logo_column">
    <div class="content clearfix">
        <div class="pull_left" id="headPortrait">
            <img src="/img/Home_01.png">
        </div>
        <div class="logo_column_next clearfix">
            <div class="company_logo"><img src="/img/logo.png" alt=""></div>
            <p>确认订单</p>
            <div class="shop_flow"><img src="/img/process_04.png" alt=""></div>
        </div>

    </div>
</div>
<!--<div class=" content clearfix orderInformation">-->
    <!--<p>您已成功提交订单，请您尽快支付！ <span style="margin-left: 50px">订单编号：31563585996968</span><span style="margin-left: 580px">应付金额：</span><span style="color: #F35A58">￥149.00</span></p>-->
    <!--<p style="margin-top: 21px">请您在订单提交之后24小时内完成付款，否则订单将自动取消。</p>-->
<!--</div>-->
<!--content-->
<div class="congratulation clearfix content">
    <div class="conrect"><img src="../img/pay_09.png"></div>
    <div class="con_content">
        <p style="font-weight: bold;font-size: 30px;margin-bottom: 45px"><span>您已成功支付<b id="price">50.98</b></span>元</p>
        <p class="success_pay">

            <span>订单编号：<b id="sn">2698745963210</b></span>
        </p>
        <p class="warm_tips">温馨提示：您成功支付后，订单状态的更新可能存在延迟，建议您半小时之后再查询您的订单</p>
        <p class="go"><span>您还可以</span><a class="goon" id="gocontinue">继续购物</a><a id="goOrder">查看我的订单</a></p>
    </div>
</div>
<div class="homeBottom">
    京ICP证080275号
</div>

<!--<div class="settlement_final">-->
<!--<div class="settlement_final_information">-->
<!--<div class="settlement_final_box">-->
<!--<p>实付款：<span class="price" id="price">¥50.00</span></p>-->
<!--<p><span>收货人：</span> <span id="name">张女士</span> &nbsp;&nbsp;&nbsp;&nbsp;<sapn id="phone"></sapn></p>-->
<!--<p style="white-space: nowrap;-->
<!--text-overflow: ellipsis;-->
<!--overflow: hidden;"><span>寄送至：</span> <span id="address">雁塔区丈八东路xx小区x单元xxxx室</span></p>-->

<!--</div>-->
<!--<a href="#" class="settlement_submit" id="settlement_submit">确认付款</a>-->
<!--</div>-->
<!--</div>-->

<script src="/lib/jquery-1.9.1.min.js"></script>
<script src="/lib/common.js"></script>
<script src="/lib/expand.js"></script>
<script src="/lib/layui/layui.js"></script>
<script src="/js/pay_order.js"></script>
<script>
    //TODO  支付未接，支付金额暂时是写死的
    $(document).ready(function () {
        var source = getSessionData('orderNumber');
        if (!!source) {
            source = JSON.parse(source) || {};
            getDom('#price').textContent = "¥" + source.money || 0.00;
            getDom('#sn').textContent = source.sn || '暂无';
        }
        //继续购物
        $("#gocontinue").click(function () {
            location.href = "/html/home.html";
        });
        $("#goOrder").click(function () {
            location.href = "/html/center/myorder.html";
        });

    });
</script>
</body>
</html>
